{% extends "layout/base.html" %}
{% block content %}
<ul class="rightMenuTabs">
    {% include 'osoby/_menu_gora.html' %}
</ul>
	<div class="wideBlueBorderTop"></div>
	<div class="wideBlueBorderMiddle">
		<div class="wideWhiteContent">
			<div class="wyszukiwarka">
				<form action="" id="wyszukanie" name="wyszukanie" method="get">
					<fieldset>
						<label for="searchInput">Wyszukaj:</label><br />
						<input type="text" name="wyszukaj" value="{% if wyszukaj %}{{wyszukaj}}{%endif%}" class="searchInput" id="searchInput" />
						<input type="submit" value="" class="searchSubmit" />
					</fieldset>
				<!--</form>-->
			</div>
			<h2>Spis alfabetyczny osób</h2>
			<div class="clear"></div>
			<hr class="short" />
			<!--<form action="" id="lista" name="lista" method="get">-->
			<fieldset>
			<table class="default">
				<tr>
					<th>Lp.</th>
					<th>Imię i nazwisko</th>
					<th>e-mail</th>
					<th>Zaznacz</th>
				</tr>
                                {% for licznik,item in osoby %}
				<tr>
					<td>{{ poczatek+licznik }}.</td>
                                        <td>{{ item.imie }} {{item.nazwisko }}</td>
					<td>{{ item.email }}</td>
					<td><input type="checkbox" id="check[]" name="check[]" value="{{ item.id_osoby }}" /></td>
				</tr>
                                {% endfor %}
			</table>
                        <ul class="navig right">
                                <li><a href="#" onclick="checkAllCheckBoxes(name);">Zaznacz wszystko</a></li>
				<li>|</li>
				<li><a href="#" onclick="unCheckAllCheckBoxes(name);">Odznacz wszystko</a></li>
				<li>|</li>
                                <li><a href="#" id="usun_osoby" onclick="test_url('usun_osoby');" >Usuń</a></li>
			</ul>

			<div class="clear"></div>
			<div class="break"></div>
                        {{pp}}
			<div class="clear"></div>
			<div class="break"></div>
                        <p>Ilość wyświetlanych rekordów na stronie
                            <select name="ilosc"  onchange="ilosc2(this.options[selectedIndex].text);"/>
                                <option  value="10" {% if ilosc == 10%} selected{% endif%}>10</option>
                                <option  value="25" {% if ilosc == 25%} selected{% endif%}>25</option>
                                <option  value="50" {% if ilosc == 50%} selected{% endif%}>50</option>
                            </select>
                        </p>
			<hr />
			<div class="break"></div>
			</fieldset>
			</form>

		</div><!-- koniec wideWhiteContent-->
	</div><!-- koniec wideBlueBorderMiddle-->
	<div class="wideBlueBorderBottom"></div>

{% endblock %}
{% block javascripts %}
{% parent %}
      <script type="text/javascript">
function ilosc2(wartosc)
{
                    jQuery.ajax({
                                        type: "POST",
                                        url: "liczba_wierszypp",
                                        data: 'ilosc='+wartosc,
                                        success: function(d){
                                            //alert(d);
                                            jQuery('#wyszukanie').submit();
                                        }
                                        });
}
function checkAllCheckBoxes(className)
{
	jQuery('input[type="checkbox"].'+className).each(
		function(iter, item){
			jQuery(item).attr('checked', true);
	});
}

function unCheckAllCheckBoxes(className)
{
	jQuery('input[type="checkbox"].'+className).each(
		function(iter, item){
			jQuery(item).attr('checked', false);
	});
}

      </script>
{% endblock %}
